
<link rel="stylesheet" type="text/css" href="public/home/css/brand.css">


<!-- 中间 -->
<div class="brand">
    <div class="brand-left fl">
            <div class="brand-l-top">
                    <h3 class="brand-title">品牌介绍</h3> 
                    <ul class="brand-list">
                            <li><a href="#">品牌介绍</a></li>
                            <li><a href="#">品牌故事</a></li>
                            <li><a href="#">品牌定位</a></li>
                            <li><a href="#">发展历程</a></li>
                            <li><a href="#">联系我们</a></li>
                    </ul>     
            </div>
            <div class="brand-l-mid"></div>
            <div class="brand-l-bottom1"></div>
            <ul class="brand-l-bottom2">
                    <li>名  称：户外运动装备有限公司</li>
                    <li>地  址：北京市石景山区苹果园路</li>
                    <li>电  话：010-8348495911</li>
                    <li>传  真：010-8348495912</li>
                    <li>联系人：陈先生</li>
                    <li>邮  编：100049</li>
                    <li>Email： moban@163.com</li>
                    <li>网  址： www.moban.com</li>
            </ul>
            <div class="brand-l-bottom3"></div>

    </div>


    <div class="brand-right fr">
            <div class="brand-r-title">
                    <h3 class="r-title-js">登录</h3>
                    <h3 class="r-title-nav">当前位置：<a>首页</a> > <a>登录</a></h3>       
            </div>
            <div class="brand-r-content">
                    <div>
                            <!-- <img src="public/home/img/20131130_221941.png"> -->
                            <ul>    
                                    <form acrion="" method="post">
                                    <li><span>邮箱：</span><input name="email" type="text" placeholder="请输入邮箱"><span class="meg"></span></li>
                                    <li><span>密码：</span><input name="password" type="password" placeholder="请输入密码"><span class="meg"></span></li>
                                    <li><input class="submit" value="登录" type="submit"></li>
                                    </form>
                            </ul>
                    </div>
            </div>
    </div>


    <div class="clear"></div>
</div>


<!-- 中间 -->
<div class="clear"></div>

<script type="text/javascript">
$(function(){
    //验证邮箱
    $('input[name=email]').blur(function(){
        var val=$(this).val();
        var obj=$(this);
        var res=/^\w+[@](qq||163||sina)\.(com||cn)$/;
        if(res.test(val)){
           $(this).siblings('.meg').text('邮箱正确');
           $(this).siblings('.meg').removeClass('error');
           $(this).siblings('.meg').css('color','green');

        }else{
           $(this).siblings('.meg').text('错误');
           $(this).siblings('.meg').addClass('error');
           $(this).siblings('.meg').css('color','red');
           $(this).focus();
           return false;                      



        }
    });


    //验证密码
 $('input[name=password]').blur(function(){
        var val=$(this).val();
        var res=/\w{6,20}/;
        if(res.test(val)){
           $(this).siblings('.meg').text('密码正确');
           $(this).siblings('.meg').removeClass('error');
           $(this).siblings('.meg').css('color','green');

        }else{
           $(this).siblings('.meg').text('密码错误');
           $(this).siblings('.meg').addClass('error');
           $(this).siblings('.meg').css('color','red');
           $(this).focus();
           return false;
        }
    }); 






    //提交表单验证
    $('input[type=submit]').click(function(){
        var len=$('.brand-r-content .error').length;
        if(len>0){
            return false;
        }
        
    });
 
})
</script>